
$gray-3: #ebedf0;
$gray-5: #c8c9cc;
$gray-6: #969799;
$gray-7: #646566;
$blue-1:#478df4;
.van-gray5 {
  color: $gray-5;
}
.van-gray6 {
  color: $gray-6;
}
.blue {
  color: $blue-1;
}
.pho-form-item {
  position: relative;
  font-size: 14px;
  .pho-form-item-cont {
    padding: 0 16px 10px 16px;

  }
  .van-field--label-top ~ .right-box{
    padding-top: 0;
  }
  .van-tabs__line {
    background-color: $blue-1;
  }
  .van-cascader__option--selected {
    color: $blue-1;
  }

  .van-cell::after {
    display: none;
  }
  &::before {
    position: absolute;
    box-sizing: border-box;
    content: ' ';
    pointer-events: none;
    right: 16px;
    bottom: 0;
    left: 16px;
    border-bottom: 1px solid $gray-3;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 1;
  }

  /* 自定义 单行表单 （label 为独立一行 输入框独立一行）*/
  .van-field--label-top {
    display: block;
    text-align: left;
    .van-field__label {
      width: 100% !important;
      padding: 0;
      margin-bottom: 5px;
    }
    // // 输入元素 另起一行
    .van-field__value {
      display: block;
      .van-field__control {
        text-align: left;
        justify-content: flex-start;
      }
    }
    >.van-icon-arrow {
      display: none;
    }
  }
  .van-field__label--right,
  .van-field__label--right,
  .van-field__label--center {
    text-align: left;
  }
  // van-field组件仅显示标题，隐藏van-field组件的输入框部分
  .pho-form-onlylabel {
    .van-field__value {
      display: none;
    }
  }
  .van-cell__title {
    color: $gray-7;
  }
  // 禁用样式
  .form-cell--disabled,.van-field--disabled {
    .van-cell__title {
      color: $gray-5;
    }
  }
  .pho-form-cont{
    padding: 0 16px;
    padding-bottom: 10px;
  }
  .van-cell__right-icon {
    line-height: 24px;
  }
}

.pho-form-flex {
  display: flex; 
  justify-content: space-between;
  .right-box {
    color: #323233;
    line-height: 20px;
    padding: 10px 16px;
  }
  .right-box.center {
    display: flex;
    align-items: center;
  }
}

.form-range-picker {
  display: flex;
  justify-content: flex-end;
  .startPlaceholder,.endPlaceholder {
    cursor: pointer;
  }
  .rangeSeparator {
    margin: 0 10px;
    color: $gray-7;
  }
  

}
.date-range-cell {
  .van-cell__value {
    flex: 2;
  }
}
.form-input-hidden {
  .van-field__control,.van-field__body {
    visibility: hidden;
    height: 0;
    width: 0;
  }
 
  width: auto;
}

.form-input-hidden.van-field--label-top {
  padding-bottom: 0;
}



.form-placeholder {
  color: #c8c9cc;
}
.pho-disabled {
  color: #c8c9cc;
}

.pho-mask-layer {
  position: relative;
  &:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
  }
}
